/* 链接样式 */
.blogs a {
    color: #3498db; /* 链接颜色 */
    text-decoration: none; /* 去除下划线 */
    transition: color 0.3s; /* 平滑颜色过渡 */
}

/* 鼠标悬停时的样式 */
.blogs a:hover {
    color: #19a3ff; /* 悬停颜色 */
}



/* 链接被点击时的样式 */
.blogs a:active {
    color: #e74c3c; /* 点击时的颜色 */
}

/* 链接获得焦点时的样式 */
.blogs a:focus {
    outline: none; /* 去除焦点轮廓 */
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.5); /* 添加蓝色阴影轮廓 */
}

.blogContent {
    float:left;
    width: 30%;
    height: 250px;
    margin: 10px 10px 20px 10px;
    padding: 10px;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1); /* 添加蓝色阴影轮廓 */
    
}